.nav-menu {
  height: 100%;
  background-color: #0c2835;
  color: #fff;
  .logo {
    display: flex;
    height: 28px;
    padding: 12px 10px 8px 10px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    .img {
      height: 100%;
      margin: 0 10px;
    }
  }

  .title{
    font-size: 16px;
    font-weight: 700;
    color: white;
  }

  .el-menu {
    background-color: #0c2835 !important;
    border-right: none;
    .el-menu-item {
      background-color: #0c2835 !important;
      color: #fff;
    }
    .el-menu-item.is-active {
      color: #fff !important;
      background-color: #0a60bd !important;
    }
  }
  // 目录
  .el-sub-menu {
    .el-sub-menu__title {
      background-color: #0c2135 !important;
      color: #fff;
    }
  }
}

.el-menu-vertical:not(.el-menu--collapse) {
  width: 100%;
  height: calc(100% - 48px);
}
.el-menu-item {
  background-color: #0c2835 !important;
  color: #fff;
}
.el-menu-item:hover {
  color: #fff !important;
}
.el-menu-item.is-active {
  color: #fff !important;
  background-color: #0a60bd !important;
}

